<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=2.0&ak=3qkFf2G2rUbWKsNYmc2dDvL7"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
		<script type="text/javascript"src="js/jquery-1.12.4.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/contact.css"/>
	</head>
	<body>
		<div class="top"></div>
		<div class="contact">
			<div class="contact_con">
				<p class="con">首页 > 联系我们</p>
				<p class="con_1">联系我们</p>
				<div class="con_under">
					<div class="con_left">
						<img src="img/contact.jpg" style="width: 100%;height: 250px;" />
					</div>
					<div class="con_right">
						<div class="address">
							<span class="di"></span><span class="zhi">公司地址:常州市武进区滆湖中路</span>
						</div>
						<div class="address" style="margin-top: 30px;">
							<span class="di_1"></span><span class="zhi">15195928703（张先生）</span>
						</div>
						<div class="address" style="margin-top: 30px;">
							<span class="di_2"></span><span class="zhi">873047125@qq.com</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="the_map">
			<div class="map_topimg"></div>
	        <div id="allmap" class="all_map_baidu"></div>
	        <div class="map_bottomimg"></div>
		</div>
		<br />
		<div class="foot"></div>
	</body>
</html>
<script type="text/javascript">
	$(function(){
		$('.top').load('header.html')
		$('.foot').load('footer.html')
	})
	// 百度地图API功能
	var map = new BMap.Map("allmap"); // 创建Map实例
	var poi = new BMap.Point(119.93, 31.72);//坐标
	map.centerAndZoom(poi, 12); // 初始化地图,设置中心点坐标和地图级别
	map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
	map.setCurrentCity("常州"); // 设置地图显示的城市 此项是必须设置的
	//map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

	//创建和初始化地图函数：
	function initMap() {
		addMapControl();//向地图添加控件
	}

	//地图控件添加函数：
	function addMapControl() {
		//向地图中添加缩放控件
		var ctrl_nav = new BMap.NavigationControl({
			anchor : BMAP_ANCHOR_TOP_LEFT,
			type : BMAP_NAVIGATION_CONTROL_LARGE
		});
		map.addControl(ctrl_nav);
		//向地图中添加缩略图控件
		var ctrl_ove = new BMap.OverviewMapControl({
			anchor : BMAP_ANCHOR_BOTTOM_RIGHT,
			isOpen : 1
		});
		map.addControl(ctrl_ove);
		//向地图中添加比例尺控件
		var ctrl_sca = new BMap.ScaleControl({
			anchor : BMAP_ANCHOR_BOTTOM_LEFT
		});
		map.addControl(ctrl_sca);
	}

	var content = '<div style="margin:0;line-height:20px;padding:2px;">' +
                    '<img src="img/aishang.logo.jpg.jpg" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;margin-top:-30px;"/>' +
                    '地址：常州市武进区滆湖中路<br/>电话：(010)028-8888888<br/>简介：滆湖中路武进科教城附近。' +
                  '</div>';
	 //创建检索信息窗口对象
    var searchInfoWindow = null;
    searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
        title  : "爱尚我家",      //标题
        width  : 290,             //宽度
        height : 105,              //高度
        panel  : "panel",         //检索结果面板
        enableAutoPan : true,     //自动平移
        searchTypes   :[
           
        ]
    });


	var marker = new BMap.Marker(poi); //创建marker对象
    marker.addEventListener("click", function(e){
	    searchInfoWindow.open(marker);
    })
    marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
    map.addOverlay(marker); //在地图中添加marker
	initMap();//创建和初始化地图
</script>